<template>
	<view class="register" :class="theme+'-bg-middle'">
		<!-- <view class="logoBox">
			<view class="logo">
				<image src="../../static/logo.png"></image>
			</view>
		</view> -->
		<view class="from">
			<view class="tips" :class="theme + '-ftitle-color'">
				<view class="text">
					<text>{{$t('Register.Phonenumber')}}</text>
				</view>
				<view class="input" :class="theme+'-border-inputb'">
					<uni-easyinput v-model="phone" type="number" focus maxlength="11" :inputBorder="false">
					</uni-easyinput>
				</view>
			</view>
			<view class="tips" :class="theme + '-ftitle-color'">
				<view class="text">
					<text>{{$t('Register.Verificationcode')}}</text>
				</view>
				<view class="yz">
					<view class="input" :class="theme+'-border-inputb'">
						<uni-easyinput v-model="code" type="number" maxlength="11" :inputBorder="false">
						</uni-easyinput>
					</view>
					<view class="code" :class="theme+'-border-left'">
						<text>{{$t('Register.Sendcode')}}</text>
					</view>
				</view>

			</view>
			<view class="tips" :class="theme + '-ftitle-color'">
				<view class="text">
					<text>{{$t('Register.Userpassword')}}</text>
				</view>
				<view class="input" :class="theme+'-border-inputb'">
					<uni-easyinput v-model="pwd" type="password" :inputBorder="false"></uni-easyinput>
				</view>
			</view>
			<view class="tips" :class="theme + '-ftitle-color'">
				<view class="text">
					<text>{{$t('Register.Enteruserpasswordagain')}}</text>
				</view>
				<view class="input" :class="theme+'-border-inputb'">
					<uni-easyinput type="password" v-model="addPwd" :inputBorder="false"></uni-easyinput>
				</view>
			</view>
			<view class="btn">
				<view class="registerBtn br-1" :class="theme+'-bg-abox'">
					<text>{{$t('Register.Register')}}</text>
				</view>
				<!-- <view class="loginBtn br-1" @click="login()">
					<text>登录</text>
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	// 注册页面
	export default {
		data() {
			return {
				phone: '',
				code: '',
				pwd: '',
				addPwd: '',
				appInformation: uni.getStorageSync('appInformation'),
			};
		},
		onLoad() {
			this.$theme()
		},
	}
</script>

<style lang="scss" scoped>
	page {
		height: 100%;
	}

	.register {
		height: 100%;

		.logoBox {
			display: flex;
			padding: 80rpx 0;
			justify-content: center;

			.logo {
				width: 100rpx;
				height: 100rpx;
			}
		}

		.from {
			padding: 100rpx 80rpx;

			.tips {
				margin-bottom: 40rpx;

				.text {
					font-size: 24rpx;
				}

				.yz {
					display: flex;
					justify-content: space-between;

					.input {
						width: 360rpx;
					}

					.code {
						display: flex;
						align-items: center;
						height: 74rpx;
						padding-left: 40rpx;
						font-size: 28rpx;
					}

				}
			}

			.btn {
				margin-top: 80rpx;
				display: flex;

				view {
					width: 100%;
					height: 88rpx;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 30rpx;
					font-weight: 700;
				}

				.registerBtn {
					box-sizing: border-box;
					color: #FFFFFF;
				}
			}

			.forget {
				display: flex;
				justify-content: space-between;
				margin-top: 55rpx;

				.an {
					font-size: 26rpx;
					color: #0081FF;
				}
			}
		}
	}
</style>
